<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上线倒计时</title>

    <link href='http://fonts.useso.com/css?family=Lato:100|Open+Sans' rel='stylesheet' type='text/css'>
    <!-- Latest compiled and minified CSS -->
    <link href="${ctxPath}/static/css/countDown/bootstrap.min.css" rel="stylesheet">
    <!-- Optional theme -->
    <link href="${ctxPath}/static/css/countDown/bootstrap-theme.min.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/countDown/style2.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/countDown/style.css" rel="stylesheet">
    <!-- Latest compiled and minified JavaScript -->
    <script src="${ctxPath}/static/js/countDown/bootstrap.min.js"></script>
    <script src="${ctxPath}/static/js/countDown/jquery-1.4.4.js" language="Javascript" type="text/javascript" ></script>
    <script src="h${ctxPath}/static/js/countDown/jquery.lwtCountdown-1.0.js" language="Javascript" type="text/javascript" ></script>
    <script src="${ctxPath}/static/js/countDown/misc.js" language="Javascript" type="text/javascript" ></script>
</head>

<body>
	
    <div class="header">
    	
        <h1>上线倒计时</h1>
        
    </div><!--/header-->
    
    <div class="container">
    
        <div class="timer-box">
            
            <h5>距离上线时间只剩下：</h5>
            
            <div id="countdown">
                    
                        <div class="dash weeks_dash">
                            <span class="dash_title">月</span>
                            <div class="digit">0</div>
                            <div class="digit">0</div>
                        </div>
    
                        <div class="dash days_dash">
                            <span class="dash_title">日</span>
                            <div class="digit">0</div>
                            <div class="digit">0</div>
                        </div>
    
                        <div class="dash hours_dash">
                            <span class="dash_title">时</span>
                            <div class="digit">0</div>
                            <div class="digit">0</div>
                        </div>
    
                        <div class="dash minutes_dash">
                            <span class="dash_title">分</span>
                            <div class="digit">0</div>
                            <div class="digit">0</div>
                        </div>
    
                        <div class="dash seconds_dash">
                            <span class="dash_title">秒</span>
                            <div class="digit">0</div>
                            <div class="digit">0</div>
                        </div>
    
                    
                        
                </div> <!-- end of countdown -->
    
            
        </div><!--/timer-box-->
    <ul class="social-link">
    	<li>
    	<a href="#" class="fb-link-btn"><i class="fb-icon"></i>Facebook</a>
    	</li>
        <li>
    	<a href="#" class="twt-link-btn"><i class="twt-icon"></i>Twitter</a>
    	</li>
    </ul>
    </div><!--/container-->

<!-- start of the javascript code that handles the countdown -->
		<script language="javascript" type="text/javascript">
			jQuery(document).ready(function() {
				$('#countdown').countDown({
				targetDate: {
				'day': 5,
				'month': 8,
				'year': 2014,
				'hour': 11,
				'min': 0,
				'sec': 0
				}
				});
				$('#email_field').focus(email_focus).blur(email_blur);
				$('#subscribe_form').bind('submit', function() { return false; });
			}); 
		</script>

</body>
</html>
